   <!-- 视频评论 -->
      <div class="comment">
        <div class="title commentTitle">评论</div>
        <div class="commentList" v-loading="isCommentLoading">
          <!-- 精彩评论 -->
          <comment :comments="comments.hotComments" v-if="comments.hotComments" :commentType="$route.params.type == 'mv' ? 'mv' : 'video'" :commentId="$route.params.id + ''" @getComment="
              $route.params.type == 'mv' ? getMvComment() : getVideoComment()
            " @scrollToComment="scrollToComment" ref="hotComments">
            <div slot="title">精彩评论</div>
          </comment>
          <!-- 最新评论 -->
          <comment :comments="comments.comments" :commentType="$route.params.type == 'mv' ? 'mv' : 'video'" :commentId="$route.params.id + ''" :isHotComment="comments.hotComments ? false : true" @getComment="
              $route.params.type == 'mv' ? getMvComment() : getVideoComment()
            " @scrollToComment="scrollToComment" @transToHotComment="
              (info) =>
                $refs.hotComments.floorComment(info.commentId, info.nickName)
            ">
            <div slot="title">最新评论</div>
          </comment>
        </div>
        <!-- 分页 -->
        <div class="page">
          <el-pagination background layout="prev, pager, next" :total="comments.total" small :page-size="20" :current-page="commentsPage" @current-change="commentPageChange">
          </el-pagination>
        </div>
      </div>